<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>剑网3-嘉年华</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/index2.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
  <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
  <script src="js/index2.js"></script>
</head>
<body>
<!-- 总容器 -->
<div class="wraper">
  <!-- 头部 -->
  <header class="header">
    <div class="h-nav">
      <div class="nav-left">
        <div class="img1"><img src="./img/logo.png" alt=""></div>
        <div class="img2"><img src="./img/slogan.png" alt=""></div>
      </div>
      <div class="nav-right">
        <ul class="ul">
          <li>登录</li>
          <li>注册</li>
          <li>充值</li>
          <li>老玩家回归指南</li>
          <li>客服</li>
          <li>增值服务</li>
        </ul>
      </div>
    </div>
  </header>
  <!--  main部分  -->
  <div class="main">
    <div class="video">
      <video src="https://static.jx3.xoyo.com/video/20220420/2022_tongren_index.mp4" loop autoplay></video>
    </div>
    <div class="main-let">
      <div class="let-top">
        <img src="https://jx3.xoyo.com/zt/2022/05/06/tongren-index/assets/img/index-layer-13-5b3164e5.png.webp" alt="">
      </div>
      <div class="title animate__animated animate__backInLeft">
        <img src="./img/img2/t1.png" alt="">
      </div>
      <div class="title animate__animated animate__backInLeft animate__delay-1s">
        <img src="./img/img2/t2.png" alt="">
      </div>
      <div class="title animate__animated animate__backInLeft animate__delay-2s">
        <img src="./img/img2/t3.png" alt="">
      </div>
      <div class="title animate__animated animate__backInLeft animate__delay-3s">
        <img src="./img/img2/t4.png" alt="">
      </div>
      <div class="title animate__animated animate__backInLeft animate__delay-4s">
        <img src="./img/img2/t5.png" alt="">
      </div>
      <div id="t" class="title animate__animated animate__backInLeft animate__delay-5s">
        <img src="./img/img2/t6.png" alt="">
      </div>
      <div class="title animate__animated animate__backInLeft animate__delay-5s">
        <img src="./img/img2/t7.png" alt="">
      </div>
      <div class="title animate__animated animate__backInLeft animate__delay-5s">
        <img src="./img/img2/t8.png" alt="">
      </div>
    </div>
    <div class="main-rgh">
      <div class="top">
        <img src="https://jx3.xoyo.com/zt/2022/05/06/tongren-index/assets/img/float-tag-1-135d0fb6.png.webp" alt="">
      </div>
      <div class="bot">
        <img src="https://jx3.xoyo.com/zt/2022/05/06/tongren-index/assets/img/float-tag-2-56a1b5a0.png.webp" alt="">
      </div>
    </div>
    <div class="bg-img"></div>
    <div class="bg-fish"></div>
    <div class="group animate__animated">
      <div class="group-wen"></div>
      <div class="group-vedio">
        <div class="btn"></div>
      </div>
    </div>
    <div class="show">
      <video class="video" src="https://static.jx3.xoyo.com/video/20220507/wanxiangzhiyan%E4%B8%87%E8%B1%A1%E4%B9%8B%E5%AE%B4%20%E5%BE%AE%E5%8D%9A%E7%89%88-5000.mp4" controls loop autoplay></video>
      <div class="close"></div>
    </div>
    <div class="group2">
      <div class="top animate__animated"></div>
      <div class="flex">
        <div class="let animate__animated animate__slideInLeft">
          <div class="let-l"></div>
          <div class="let-r"></div>
        </div>
        <div class="rgt">
          <div class="img">
            <img src="https://jx3.xoyo.com/uploadfile/2022/0422/20220422102659216.png" alt="">
          </div>
          <div class="img">
            <img src="https://jx3.xoyo.com/uploadfile/2022/0421/20220421032840146.png" alt="">
          </div>
          <div class="img">
            <img src="https://jx3.xoyo.com/uploadfile/2022/0426/20220426031504690.png" alt="">
          </div>
          <div class="img">
            <img src="https://jx3.xoyo.com/uploadfile/2022/0422/20220422102636205.png" alt="">
          </div>
      </div>
      </div>
    </div>

    <div class="group3">
      <div class="top animate__animated">
        <img src="https://jx3.xoyo.com/zt/2022/05/06/tongren-index/assets/img/index-layer-33-f509eafb.png.webp" alt="">
      </div>
      <div class="cent animate__animated">
        <div class="img">
          <img src="https://jx3.xoyo.com/uploadfile/2022/0421/20220421032900688.png" alt="">
        </div>
        <div class="img">
          <img src="https://jx3.xoyo.com/uploadfile/2022/0421/20220421032900604.png" alt="">
        </div>
        <div class="img">
          <img src="https://jx3.xoyo.com/uploadfile/2022/0421/20220421032900601.png" alt="">
        </div>
        <div class="img">
          <img src="https://static.jx3.xoyo.com/uploadfile/2022/0512/QQ音乐.png" alt="">
        </div>
        <div class="img">
          <img src="https://jx3.xoyo.com/uploadfile/2022/0427/20220427021902304.png" alt="">
        </div>
        <div class="img">
          <img src="https://jx3.xoyo.com/uploadfile/2022/0421/20220421032900485.png" alt="">
        </div>
      </div>
    </div>

    <div class="group4">
      <div class="top animate__animated">
        <img src="https://jx3.xoyo.com/zt/2022/05/06/tongren-index/assets/img/index-layer-37-8e53dec1.png.webp" alt="">
      </div>
      <div class="cent animate__animated">
        <div class="img">
          <img src="https://jx3.xoyo.com/uploadfile/2022/0426/20220426031705666.png" alt="">
        </div>
        <div class="img">
          <img src="https://jx3.xoyo.com/uploadfile/2022/0421/20220421032943121.png" alt="">
        </div>
        <div class="img">
          <img src="https://jx3.xoyo.com/uploadfile/2022/0421/20220421032943827.png" alt="">
        </div>
      </div>
    </div>

    <div class="end animate__animated">
      <img src="	https://jx3.xoyo.com/zt/2022/05/06/tongren-index/assets/img/qr-15f36ab3.png.webp" alt="">
    </div>


  </div>

  <!--  footer-->
  <footer class="footer">
    <div class="footer-content">
      <div class="f-left">
        <div class="lft"></div>
        <div class="rgt"></div>
      </div>
      <div class="cent">
        <p>关于我们 | 服务协议 |客服中心 | 联系我们 | 诚聘英才</p>
        <p>成都西山居世游科技有限公司版权所有Copyright。1999 -2022</p>
        <p class="p">网络游戏行业防沉迷自律公约</p>
      </div>
      <div class="f-right">
        <img src="./img/footer-2.png" alt="">
      </div>
    </div>
  </footer>
</div>
</body>
</html>